<template>
  <div class="game">
    <slot :games="games"></slot>
  </div>
</template>

<script>
export default {
  name: "Game",
  data() {
    return {
      // 初始化数据
      games: [
        { id: "001", name: "王者荣耀" },
        { id: "002", name: "云顶之一" },
        { id: "003", name: "部落冲突" },
        { id: "004", name: "和平经营" },
      ],
      food: "http://49.232.112.44/images/food.jpg",
      movie: "http://49.232.112.44/video/movie.mp4",
    };
  },
};
</script>

<style scoped>
.game {
  width: 300px;
  height: 400px;
  background-color: skyblue;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 0 10px;
}
li {
  font-size: 25px;
}
</style>